import React from 'react'
import Header from "../../components/Header";
import { LeftOutline } from "antd-mobile-icons";
function index() {
  const list = JSON.parse(localStorage.getItem('collecting'))
 
  return (
    <div>
       {/* 头部组件 */}
      <Header left={<LeftOutline />} title="我的收藏"></Header>
            {/* 列表 */}

      <div className="list">
        {list.map((v) => {
          return (
            <dl key={v.id} style={{display:'flex'}} >
              <dt>
                <img src={v.coverImageUrl} alt="" />
              </dt>
              <dd style={{marginLeft:'20px'}}>
                 <h3>{v.name}</h3>
                 <p style={{marginTop:'20px'}}>{v.startTime}-{v.endTime}</p>
                  <p>{v.location}</p>
                  <p style={{marginTop:'20px'}}>￥{v.price}</p>
              </dd>
            </dl>
          );
        })}
       
      </div>
    </div>
    
  )
}

export default index
